<template>
  <div v-bind:id="dynamicId" v-bind:class="dynamicClass" :title="dynamicTitle">测试</div>
  <button :disabled="isButtonDisabled">Button</button>
  <div v-bind="objectOfAttrs">测试</div>
</template>
<script>
export default {
  data() {
    return {
      dynamicClass: 'appClass'
      , dynamicId: "appID"
      , dynamicTitle: null
      , isButtonDisabled: false
      , objectOfAttrs: {
        class: 'appClass'
        , id: 'appID'
      }
    }
  }
}
</script>
<style>
.appClass {
  color: red;
  font-size: 30px;
}
</style>